<template>
  <el-pagination
    background
    layout="sizes,prev, pager, next, ->, total"
    :total="total"
    :page-count="pages"
    @current-change="handleCurrentChange"
    @size-change="handleSizeChange"
  >
  </el-pagination>
</template>
<script>
export default {
  name: "Page1",
  props: ["pages", "total"],
  data() {
    return {
      page: "",
      size: "",
    };
  },
  methods: {
    handleCurrentChange(page) {
      this.page = page;
      this.$emit("handleCurrentChange", page);
    },
    handleSizeChange(size) {
      this.size = size;
      this.$emit("handleSizeChange", size);
    },
  },
};
</script>
<style></style>
